<template>
	<view class="content">
		<view class="tips_box display-flex">
			<text class="tip_cont">根据平台规定，发起审核前，请仔细阅读《资质认证须知》。了解平台规定，通过率更高。</text>
			<text class="tip_btn" @tap="show2=true">立即查看</text>
		</view>
		<view class="baibox">
			<view class="baili" @click="setdata(0)">
				<view class="left">
					<view class="title">
						橱窗名称
						<span>*</span>
					</view>
				</view>
				<view class="cenbox">
					<scroll-view scroll-x="true" class="qianbox" style="font-size: 14px;color: #3D3D3D;">
						{{form.title?form.title:'请输入'}}
					</scroll-view>
				</view>
				<image :src="'/images/rarr.png' | formatImgUrl" class="rarr" mode=""></image>
			</view>

			<view class="baili other_wrap">
				<view class="item">
					<view class="left">
						<view class="title">
							类型设置
							<span>*</span>
						</view>
					</view>
					<view class="other">
						{{form.type_name}}
					</view>
				</view>
				<view class="bottom">
					<input type="text" disabled class="other_ipt" value="" placeholder="除其他类型外，每个类型的橱窗可上传一条" />
				</view>
			</view>
			<!-- <view class="baili other_wrap" v-if="class_type==7||form.type==7" @click="$go('/showcase/tip/tip_list')"> -->
			<view class="baili other_wrap" @click="$go('/showcase/tip/tip_list_new?id=' + class_type)">
				<view class="item">
					<view class="left">
						<view class="title">
							标签匹配
							<span>*</span>
						</view>
					</view>

					<view class="cenbox">
						<scroll-view scroll-x="true" class="qianbox" style="font-size: 14px;color: #3D3D3D;"
							:style="form.type_class!=''?'color:#45C4B0':''">
							{{form.type_class?'已选择':'请选择'}}
						</scroll-view>
					</view>
					<image :src="'/images/rarr.png' | formatImgUrl" class="rarr" mode=""></image>
				</view>
				<view class="bottom">
					<input type="text" disabled class="other_ipt" value="" placeholder="当用户通过求太太搜索相同标签时展示给用户" />
				</view>
			</view>

			<view class="baili" @click="setdata(1)">
				<view class="left">
					<view class="title">
						详细介绍
						<span>*</span>
					</view>
				</view>
				<view class="cenbox">
					<scroll-view scroll-x="true" class="qianbox" style="font-size: 14px;color: #3D3D3D;">
						{{form.desc && form.desc.length > 7 ?form.desc.substring(0,7) + '...' : (form.desc ? form.desc :'请输入')}}
					</scroll-view>
				</view>
				<image :src="'/images/rarr.png' | formatImgUrl" class="rarr" mode=""></image>
			</view>

			<view class="baili" @click="setdata(2)">
				<view class="left">
					<view class="title">
						价格设置
						<span>*</span>
					</view>
				</view>
				<view class="cenbox">
					<scroll-view scroll-x="true" class="qianbox" style="font-size: 14px;color: #3D3D3D;">
						{{form.price?form.price:'请输入'}}
					</scroll-view>
				</view>
				<image :src="'/images/rarr.png' | formatImgUrl" class="rarr" mode=""></image>
			</view>
			<view class="baili" @click="setdata(3)">
				<view class="left">
					<view class="title">
						字数设置
						<span>*</span>
					</view>
				</view>
				<view class="cenbox">
					<scroll-view scroll-x="true" class="qianbox" style="font-size: 14px;color: #3D3D3D;">
						{{form.word_count}}
					</scroll-view>
				</view>
				<image :src="'/images/rarr.png' | formatImgUrl" class="rarr" mode=""></image>
			</view>
			<view class="baili" @click="setdata(4)">
				<view class="left">
					<view class="title">
						起拍单数
						<span>*</span>
					</view>
				</view>
				<view class="cenbox">
					<scroll-view scroll-x="true" class="qianbox" style="font-size: 14px;color: #3D3D3D;">

						{{form.start_shooting?form.start_shooting:'请输入'}}
					</scroll-view>
				</view>
				<image :src="'/images/rarr.png' | formatImgUrl" class="rarr" mode=""></image>
			</view>

			<!-- 10.16新增 -->
			<!-- <view class="baili other_wrap">
				<view class="item display-flex just-between" style="margin-bottom: 20rpx;">
					<view class="left">
						<view class="title">
							资质认证
							<span>*</span>
						</view>
					</view>
				</view>
				<view class="img_bottom">
					<view class="imgView">
						<view v-for="(img,index) in form.flair" class="imgList">
							<image :src="img | formatImgUrl" mode="aspectFill"
								@click="$common.previewImage(img,form.flair)" style="width: 156rpx;height: 156rpx;">
							</image>
							
							<image :src="'/images/closeicon_g.png' | formatImgUrl" mode="aspectFill" v-if="is_up==0" class="imgClose" @click="deletePic2(index)">
							</image>
						</view>
						<view class="imgList">
							<image :src="'/images/up.png' | formatImgUrl" mode="widthFix"
								style="width: 156rpx;height: 156rpx;" @click="onChooseImg2"
								v-if="form.flair&&form.flair.length < 4"></image>
						</view>
					</view>

				</view>

				<view class="tip">
					此认证仅用于资质审核，任何完成认证后不会展示给用户
				</view>

			</view> -->

			<view class="baili other_wrap">
				<view class="item display-flex just-between" style="margin-bottom: 20rpx;">
					<view class="left">
						<view class="title">
							橱窗展示图片
							<span>*</span>
							<!-- <span class="lw">
								（请上传四张例文）
							</span> -->
						</view>
					</view>
					<image :src="'/images/helpicon.png' | formatImgUrl" mode="aspectFit" @tap="show1=true"
						style="width: 36rpx;height: 36rpx;"></image>
				</view>
				<view class="img_bottom">
					<view class="imgView">
						<view v-for="(img,index) in form.img" class="imgList">
							<image :src="img | formatImgUrl" mode="aspectFill"
								@click="$common.previewImage(img,form.img)" style="width: 156rpx;height: 156rpx;">
							</image>
							
							<image :src="'/images/closeicon_g.png' | formatImgUrl" mode="aspectFill" v-if="is_up==0" class="imgClose" @click="deletePic(index)">
							</image>
						</view>
						<view class="imgList">
							<image :src="'/images/up.png' | formatImgUrl" mode="widthFix"
								style="width: 156rpx;height: 156rpx;" @click="onChooseImg"
								v-if="form.img&&form.img.length < 4"></image>
						</view>
					</view>

				</view>

				<view class="tip">
					<!-- 此上传仅用于官方审核，对外展示请再通过审核后从新设置
					 -->
					审核通过后例文不支持修改，如需修改请重新认证

				</view>

			</view>
		</view>

		<view class="ti" v-if="is_up==0" @click="submit(true)">
			发起审核
		</view>

		<u-popup :show="show" mode="center">
			<view class="mask">

				<view class="jatitle" v-if="type==0">
					橱窗名称设置
				</view>
				<input v-if="type==0" type="text" class="japut" maxlength="20" placeholder="请输入橱窗名称" v-model="form.title">


				<view class="jatitle" v-if="type==1">
					详细介绍
				</view>
				<!-- 	<input v-if="type==1" type="digit" maxlength="200" class="japut" placeholder="请输入详细介绍"
					>	 -->

				<textarea v-if="type==1" v-model="form.desc" placeholder="请输入详细介绍" cols="30" rows="10"
					maxlength="200"></textarea>

				<view class="jatitle" v-if="type==2">
					价格设置
				</view>
				<input v-if="type==2" maxlength="6" type="number" class="japut" placeholder="请输入价格设置"
					v-model="form.price" @blur="checkContent">

				<!-- 	<view class="jatitle" v-if="type==0">
					价格设置
				</view>
				<input v-if="type==0" type="digit" class="japut" placeholder="请输入价格(元)"
					v-model="userInfo.writer_user_config.word_price"> -->


				<view class="jatitle" v-if="type==3">
					字数设置
				</view>
				<picker v-if="type==3" class="japut" @change="bindPickerChange" :value="index" :range="array">
					{{form.word_count}}
				</picker>


				<view class="jatitle" v-if="type==4">
					起拍单数
				</view>
				<input v-if="type==4" maxlength="6" type="number" class="japut" placeholder="请输入起拍单数"
					v-model="form.start_shooting">

				<view class="qubox">
					<view class="quli" @click="show = false">
						取消
					</view>
					<view class="que" @click="setting">
						确定
					</view>
				</view>

			</view>
		</u-popup>


		<view class="pjbox1" :style="{'padding-bottom': paddingBottomHeight + 'rpx'}" v-if="is_up>0">
			<view @click="is_up=0">重新认证</view>
			<view @click="submit(true)">确认修改</view>
		</view>

		<!-- 认证须知 -->
		<u-popup :show="show1" mode="center" @close="close" @open="open">
			<view class="biaoqian">
				<view class="top">
					<image :src="userInfo.pic | formatImgUrl" mode=""></image>
					<view class="top_username">{{userInfo.username}}</view>
					<view class="createbtn">认证须知</view>
				</view>
				<view class="tab">
					橱窗名称：请填写本橱窗相关功能等信息。<br>
					标签设置：选择擅长的标签，点击“增加标签”可增加标签库中没有的标签。
				</view>
				<scroll-view scroll-y="true" class="scroll">
					详细介绍：详细介绍本橱窗功能、类型等信息。<br>

					价格设置：请依据自身写作能力设置真实价格。<br>

					字数设置：请依据自身写作能力设置。<br>

					起拍单数：向本橱窗下单的最低数量，请依据自身需求设置。<br>

					例文展示：上传例文需与本橱窗名称及详细介绍的内容相关联。须为原创作品，不得抄袭、盗用他人作品，不得侵犯他人的知识产权。如发现您上传的对外展示例文存在违规行为，我们有权立即删除相关内容，并对您的账号进行限制或封禁处理。<br>

					认证通过后，只有修改例文需要审核，其他修改无需审核。为避免重复审核，请慎重选择例文上传。设置内所有内容均需遵守国家法律法规和平台相关规定，不得包含任何违法、违规、低俗、虚假等内容。不得包含任何外部链接、外部平台名称、二维码、联系方式等引流信息，不得引导用户前往其他平台或网站。

					<view class="white_mask">

					</view>
				</scroll-view>

				<image class="cl1" @click="show1=false" :src="'/images/cl1.png' | formatImgUrl" mode=""></image>
			</view>
		</u-popup>

		<!-- 查看协议 -->
		<u-popup :show="show2" mode="center" @close="close" @open="open">
			<view class="biaoqian">
				<view class="top">
					<image :src="userInfo.pic | formatImgUrl" mode=""></image>
					<view class="top_username">{{userInfo.username}}</view>
					<view class="createbtn">创建橱窗</view>
				</view>
				<view class="tab">
					欢迎您使用本平台的写手橱窗服务，为了维护平台的正常运营秩序，保障用户的合法权益，我们在此提醒您遵守以下协议：
				</view>
				<scroll-view scroll-y="true" class="scroll">
					1.您在写手橱窗上传的对外展示例文必须遵守国家法律法规和平台相关规定，不得包含任何违法、违规、低俗、虚假等内容。<br>

					2.您在写手橱窗上传的对外展示例文不得包含任何外部链接、二维码、联系方式等引流信息，不得引导用户前往其他平台或网站。<br>

					3.您在写手橱窗上传的对外展示例文必须为原创作品，不得抄袭、盗用他人作品，不得侵犯他人的知识产权。<br>

					4.如发现您在写手橱窗上传的对外展示例文存在违规行为，我们有权立即删除相关内容，并对您的账号进行限制或封禁处理。<br>

					请您遵守以上协议，如有疑问或建议，请随时联系我们的客服人员。我们将不断优化服务，为您提供更好的使用体验。<br>
					<view class="white_mask">

					</view>
				</scroll-view>

				<view class="cont_t" :class="[{'cont_t_gray': isAgree}]">
					<view class="t1" @click="show2=false">
						<view class="tex">
							我同意以上内容
						</view>
					</view>
				</view>

				<image class="cl1" @click="show2=false" :src="'/images/cl1.png' | formatImgUrl" mode=""></image>
			</view>
		</u-popup>

	</view>
</template>
<script>
	import * as db from '@/common/db.js'
	export default {
		data() {
			return {
				type: 0,
				// 字数
				array: this.$db.get('config').word_count_label,
				index: 2,
				// 开关
				value: false,
				// 弹框
				show: false,
				userInfo: {},
				//苹果X以上手机底部适配高度
				paddingBottomHeight: 0,
				form: {
					id: '',
					title: '',
					desc: "",
					row_type: this.$db.get('config').tags.Xslx[0].id,
					price: '',
					word_count: this.$db.get('config').word_count_label[2],
					start_shooting: '',
					img: [],
					tags: '',
					type_class: '',
					flair: [] ,//资质认证图片
				},
				class_type: 0,
				type_name: "-",
				is_up: 0,
				userInfo: this.$db.get('userInfo'),
				show1: false,
				show2: false,
				isAgree: true
			}
		},
		created() {
			let that = this;
			uni.getSystemInfo({
				success: function(res) {
					let model = ['X', 'XR', 'XS', '11', '12', '13', '14', '15'];
					model.forEach(item => {
						//适配iphoneX以上的底部，给tabbar一定高度的padding-bottom
						if (res.model.indexOf(item) != -1 && res.model.indexOf('iPhone') != -1) {
							that.paddingBottomHeight = 40;
						}
					})
				}
			});


		},
		onLoad(ops) {
			uni.setStorageSync('sel_tags', null);

			uni.setStorageSync('sel_types', null);
			if (ops.id) {
				this.id = ops.id;
				this.form.id = ops.id;
				this.is_up = 1;
				this.getInfo();
			}


			if (ops.type) {
				this.class_type = ops.type;
				this.type_name = ops.type_name
				this.form.type_name = ops.type_name
				this.form.type = ops.type;
			}

		},
		onShow() {
			console.log("config11")
			if (!this.$db.get('config') || this.$db.get('config') == null || this.$db.get('config') == undefined) {
				console.log("config")
				this.getConfig();
			}

			if (uni.getStorageSync('sel_tags')) {
				this.form.tags = uni.getStorageSync('sel_tags')
			}

			if (uni.getStorageSync('sel_types')) {
				this.form.type_class = uni.getStorageSync('sel_types')
			}

			// this.getUserInfo()
		},
		methods: {
			checkContent(){
				this.form.price = parseInt(this.form.price)
				if(this.form.price < 1){
					this.$common.errorToShow('最小为1~')
					this.form.price = 1
				}
			},
			// 关闭须知弹窗
			close() {

			},
			// 开启须知弹窗
			open() {

			},
			// 删除图片
			deletePic(index) {
				this.form.img.splice(index, 1)
			},
			onChooseImg() {
				let auth = db.get('auth');
				console.log(auth, 777777777)
				//用户存在，不跳转，不存在直接跳转
				if (!auth) {
					// toLogin()
					uni.navigateTo({
						url: '/pages/login/login'
					})
					return;
				}
				this.$common.chooseImage({}, (data) => {
					if (data) {
						this.form.img.push(data)
					}
				}, 4)
			},
			// 删除图片
			deletePic2(index) {
				this.form.flair.splice(index, 1)
			},
			onChooseImg2() {
				let auth = db.get('auth');
				if (!auth) {
					uni.navigateTo({
						url: '/pages/login/login'
					})
					return;
				}
				this.$common.chooseImage({}, (data) => {
					if (data) {
						this.form.flair.push(data)
					}
				}, 4)
			},
			setdata(type) {

				this.type = type
				this.show = true;

			},
			setting() {
				this.show = false
				// var that = this
				// var prams = {
				// 	word_price: this.userInfo.writer_user_config.word_price,
				// 	word_count: this.userInfo.writer_user_config.word_count,
				// }

				// if (!prams['word_price']) {
				// 	this.$common.errorToShow('请输入价格', () => {
				// 		this.userInfo.writer_user_config.order_receiving_status = 0
				// 	}, 1000)
				// 	return
				// }

				// this.$api.default.request('user/saveWriterUserConfig', prams).then((res) => {
				// 	if (res.code == 1) {
				// 		that.$common.successToShow(res.msg, () => {
				// 			that.show = false
				// 		})
				// 	}
				// })

			},
			submit() {
				if (this.form.title == "") {
					this.$common.errorToShow('橱窗名称必填')
					return
				}

				if (this.form.desc == "") {
					this.$common.errorToShow('详情介绍必填')
					return
				}

				//tags
				if (this.form.sel_types == "") {
					this.$common.errorToShow('最少要选择1个标签匹配')
					return
				}

				if (this.form.price < 1) {
					this.$common.errorToShow('价格需大于等于1')
					return
				}
				if (this.form.start_shooting < 1) {
					this.$common.errorToShow('起拍单数最少为1')
					return
				}
				if (this.form.img.length != 4) {
					this.$common.errorToShow('例文需要上传4张')
					return
				}
				let that = this;	
				// #ifdef MP
					uni.requestSubscribeMessage({
					            //此处填写刚才申请模板的模板ID
						tmplIds: ['rw8um2woPZuyWmlZFrRYLslXmrIHd1MmcUTry7Ci3Yw'],
						success (res) {
							that.submit_end()
						},fail(err){
							
							that.submit_end()
						}
					})
				// #endif
				
				// #ifndef MP
					that.submit_end()
				// #endif
				
				
				
			},
			submit_end(){
				this.form.is_up = this.is_up;
				
				this.$api.default.request('good/addGood_two', this.form, 'POST', false).then((res) => {
					if (res.code == 1) {
						this.$common.successToShow(res.msg, () => {
							
							if(uni.getStorageSync('sel_types')){
								uni.removeStorageSync('sel_types')
							}
							if(uni.getStorageSync('selectedItem')){
								uni.removeStorageSync('selectedItem')
							}
							if(uni.getStorageSync('list')){
								uni.removeStorageSync('list')
							}
							
							uni.navigateBack()
						})
					}
				})
			},
			getInfo() {
				this.$api.default.request('good/info', {
					id: this.id
				}).then((res) => {
					if (res.code) {
						this.form = res.data
						console.log(this.info, 77777)
						uni.setStorageSync('sel_tags', this.form.tags)
						//标签选择
					}
				})
			},

			getUserInfo() {
				// this.$api.default.request('user/userInfo', {}, 'POST', false).then((res) => {
				// 	if (res.code) {
				// 		this.userInfo = res.user

				// 		this.userInfo.writer_user_config.word_count = this.userInfo.writer_user_config.word_count ?
				// 			this.userInfo.writer_user_config.word_count : this.array[0]
				// 		this.array.forEach((item, index) => {
				// 			if (res.user.writer_user_config.word_count == item) {
				// 				this.index = index
				// 			}
				// 		})
				// 	}
				// })
			},
			change(e) {
				this.xuan = !this.xuan
				this.submit()
			},
			// 弹框
			open() {

			},
			close() {
				this.show = false
			},
			// 字数
			bindPickerChange: function(e) {
				console.log('picker发送选择改变，携带值为', e.detail.value)
				this.index = e.detail.value

				this.form.word_count = this.array[e.detail.value]
			},
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background: rgba(242, 245, 242, 1);
	}

	.content {

		.pjbox1 {
			width: 100%;
			height: 98rpx;
			background-color: #ffffff;
			display: flex;
			align-items: center;
			justify-content: center;
			position: fixed;
			left: 0;
			bottom: 0;

			view {
				float: left;
				width: 40%;
				height: 60rpx;
				line-height: 60rpx;
				margin: 0 auto;
				text-align: center;
				font-size: 24rpx;

				&:first-child {
					background: rgba(216, 216, 216, 0.3);
					color: #999;
				}

				&:last-child {
					background: rgba(216, 216, 216, 0.3);
					color: #fff;
					background: #45C4B0;
					border-radius: 4px;
				}
			}

		}






		.imgView {
			display: flex;
			align-items: center;
			flex-wrap: wrap;

			// .imgList:nth-child(3n){
			// 	margin-right: 0;
			// }
			.imgList {
				position: relative;
				padding-bottom: 10rpx;
				margin-right: 11rpx;

				.imgClose {
					position: absolute;
					top: -1px;
					right: -1px;
					z-index: 1;
					width: 26rpx;
					height: 26rpx;
				}
			}

			.imgList:first-child {
				margin-left: 0rpx;
			}
		}

		.baibox {
			background-color: #FFFFFF;
			padding: 0 30rpx;
			margin-bottom: 20rpx;

			.baili:last-child {
				border-bottom: none;
			}

			.other_wrap {
				flex-direction: column;
				align-items: initial !important;

				.item {
					width: 100%;
					display: flex;
					align-items: center;
					justify-content: space-between;
				}

				.other_ipt {
					font-size: 14px;
					color: #3D3D3D;
				}

				.tip {
					font-size: 22rpx;
					font-weight: normal;
					color: #999999;
				}
			}

			.baili {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 40rpx 0;
				border-bottom: 1px solid rgba(153, 153, 153, 0.1);

				.other {
					font-size: 28rpx;
					font-weight: normal;
					color: #3D3D3D;
					padding-right: 60rpx;
				}

				.zhan {
					font-size: 28rpx;
					font-weight: bold;
					letter-spacing: 0em;
					color: #3D3D3D;
				}

				.left {
					flex-shrink: 0;

					.title {
						font-size: 28rpx;
						font-weight: bold;
						letter-spacing: 0em;
						color: #3D3D3D;
						padding-bottom: 0rpx;

						span {
							color: red;
							margin-left: 7rpx
						}

						.lw {
							font-size: 24rpx;
							color: #999;
							font-weight: 500;
						}
					}

					.txt {
						font-size: 24rpx;
						font-weight: normal;
						letter-spacing: 0em;
						color: #3D3D3D;
					}
				}

				.centxt {
					font-size: 28rpx;
					font-weight: normal;
					text-align: right;
					letter-spacing: 0em;
					color: #999999;
					width: 440rpx;
				}

				.cenbox {
					flex-grow: 1;
					display: flex;
					align-items: center;
					justify-content: flex-end;
					padding: 0 16rpx;

					.headpic {
						width: 80rpx;
						height: 80rpx;
						border-radius: 50%;
					}

					.centxt {
						font-size: 28rpx;
						font-weight: normal;
						text-align: right;
						letter-spacing: 0em;
						color: #999999;
						width: 440rpx;
					}

					.qianbox {
						text-align: right;
						width: 450rpx;
						white-space: nowrap;

						.qli {
							background: rgba(153, 153, 153, 0.1);
							padding: 3rpx 12rpx 4rpx 8rpx;
							border-radius: 178px;
							font-size: 24rpx;
							color: #3D3D3D;
							display: inline-block;
						}

						.qli:not(:first-child) {
							margin-left: 16rpx;
						}
					}
				}

				.rarr {
					width: 40rpx;
					height: 40rpx;
					flex-shrink: 0;
				}
			}
		}

		.ti {
			width: 630rpx;
			height: 86rpx;
			border-radius: 8px;
			line-height: 86rpx;
			margin: 0 auto;
			opacity: 1;
			background: #45C4B0;
			font-size: 32rpx;
			font-weight: bold;
			text-align: center;
			letter-spacing: 0em;
			color: #FFFFFF;
		}

		.mask {
			background-color: #FFFFFF;
			width: 500rpx;
			border-radius: 10px;
			padding: 30rpx;

			.jatitle {
				font-size: 28rpx;
				font-weight: bold;
				padding-bottom: 20rpx;
			}

			textarea {
				width: 90%;
				padding: 5%;
				font-size: 24rpx;
			}

			.japut {
				border-bottom: 1px solid #f2f2f2;
				font-size: 24rpx;
				color: #3D3D3D;
				padding-bottom: 15rpx;
				margin-bottom: 30rpx;
			}

			.qubox {
				display: flex;
				align-items: center;
				justify-content: space-between;

				.quli {
					border-radius: 8px;
					border: 1px solid #eeeeee;
					font-size: 24rpx;
					color: #999999;
					width: 220rpx;
					text-align: center;
					height: 60rpx;
					line-height: 60rpx;
				}

				.que {
					border-radius: 8px;
					border: 1px solid #45C4B0;
					background-color: #45C4B0;
					font-size: 24rpx;
					color: #ffffff;
					text-align: center;
					width: 220rpx;
					height: 60rpx;
					line-height: 60rpx;
				}
			}
		}
	}

	// 认证提醒
	.tips_box {
		padding: 20rpx 30rpx;
		background: #E5FFFB;
		font-family: '思源黑体';
		font-size: 10px;
		color: #45C4B0;

		.tip_btn {
			margin-left: 25rpx;
			white-space: nowrap;
			padding: 2rpx 12rpx;
			border-radius: 126px;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 1px solid #45C4B0;

		}
	}

	// 认证须知弹窗
	.biaoqian {

		border-radius: 0.5em;
		background: #fff;
		width: 600rpx;
		margin: 0 auto;

		.top {
			padding-top: 70rpx;
			font-size: 28rpx;
			color: #000;
			text-align: center;
			width: 90%;
			margin-left: 5%;

			image {
				width: 130rpx;
				height: 130rpx;
				position: absolute;
				left: 265rpx;
				top: -35px;
				margin: 0 auto;
				border-radius: 20em;
			}

			.top_username {
				font-weight: 700;
				font-size: 16px;
				color: #3D3D3D;
			}

			view {
				&:last-child {
					margin-top: 6px;
					font-family: '思源黑体';
					font-size: 12px;
					color: #45C4B0;
				}
			}
		}

		.tab {
			padding-top: 10rpx;
			font-size: 21rpx;
			font-weight: 700;
			width: 90%;
			margin-left: 5%;
			float: left;
			text-align: center;
			font-family: '思源黑体';
			font-weight: 700;
			font-size: 14px;
			margin-top: 28rpx;
			margin-bottom: 28rpx;
		}

		.scroll {
			padding: 30rpx;
			padding-bottom: 20rpx;
			height: 650rpx;
			box-sizing: border-box;
			font-family: '思源黑体';
			font-size: 14px;
			color: #999;
			position: relative;
			overflow: hidden;
		}

		.white_mask {
			position: sticky;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 80rpx;
			background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, .8));
		}

		.cont_t {
			border-radius: 8px;
			opacity: 1;
			background: #45C4B0;
			float: left;
			width: 80%;
			height: 86rpx;
			margin-left: 10%;
			margin-right: 10%;
			text-align: center;
			margin-top: 30rpx;
			color: #fff;
			line-height: 86rpx;

		}

		.cont_t_gray {
			background: #F2F5F2;
			color: #999;
		}
	}

	.cl1 {
		height: 60rpx;
		width: 60rpx;
		position: relative;
		top: 115rpx;
		left: 50%;
		transform: translateX(-50%);
	}
</style>